/*创建人：Totoro */

/*统一元素 ----*/
#mallPage, #mallPage.mallChn {
    width: auto;
    min-width: 990px;
    background-color: transparent;
}

#mallPage.w1190, .mui-top-banner-1190, .w1190, .w1190 #mallPage {
    min-width: 1190px;
}
/*统一元素 ----*/

/*header start-------------------*/

#header {
    height: 122px;
    margin-top: -26px !important;
    background: #fff;
    min-width: 990px;
    width: auto !important;
    position: relative;
    z-index: 1000;
}

#header {
    border-bottom: 1px solid #000;
    height: 114px;
}

#page, #header, #content, #footer {
    margin-left: auto;
    margin-right: auto;
}

#header {
    position: static;
}

#mallPage #header {
    margin-top: -30px;
    width: auto;
    margin-bottom: 0;
    min-width: 990px;
    background: #fff;
}

.headerLayout {
    width: 990px;
    padding-top: 26px;
    margin: 0 auto;
}

.headerLayout {
    padding-top: 26px;
}

.w1190 #header .headerCon, .w1190 #header .headerLayout, .w1190 #mallNav .wrapper, .w1190 #site-nav .sn-container, .w1190 #sn-bd, .w1190 .mallNav-con {
    width: 1190px;
}

#mallLogo {
    float: left;
    z-index: 9;
    padding-top: 28px;
    width: 280px;
    height: 64px;
    line-height: 64px;
    position: relative;
}

#mallLogo .mlogo {
    float: left;
    margin-right: 10px;
    padding: 0;
}

#vipLogo {
    overflow: visible;
    display: block;
    font-size: 0;
    line-height: 0;
    width: 121px;
    height: 43px;
    background: url(//gw.alicdn.com/tfs/TB1bIuCSXXXXXb5XFXXXXXXXXXX-121-43.png) no-repeat;
}

#mallLogo a {
    position: relative;
    display: block;
    color: #fff;
    text-indent: 0 !important;
}

#mallLogo .mlogo a {
    height: 30px;
    font-size: 22px;
    width: 190px;
    overflow: hidden;
}

#mallLogo .mlogo a {
    height: 43px !important;
}

#mallLogo .mlogo a {
    overflow: visible;
    width: 121px;
    height: 28px;
}

.header-extra {
    overflow: hidden;
}

.header-banner {
    float: right;
    height: 70px;
    padding: 10px 0 0 100px;
    width: 200px;
}

.header-banner {
    padding: 0;
    width: auto;
    height: auto;
}

/*header end---------------------*/

/*body start-----------------------*/

#content {
    width: 100% !important;
}

.vContent #content, .layout, .w990 .vNav .layout, #clubContent, #pointContent, #couponContent, #privilegeContent, #itemContent, #ErrorContent {
    width: 1190px;
    margin: 0 auto;
}

#pointContent, #couponContent, #privilegeContent, #ErrorContent, #J_MsgTab {
    padding-top: 20px;
}

.ui-tab {
    border-bottom: 2px solid #333;
    height: 35px;
}

.ui-tab dt, .ui-tab dd, .ui-tab .ui-tab-title, .ui-tab .ui-tab-item {
    float: left;
    text-align: center;
    height: 32px;
    line-height: 32px;
    cursor: pointer;
    color: #404040;
}

.ui-tab dt, .ui-tab .ui-tab-title {
    font-size: 14px;
    font-weight: 700;
    width: 115px;
}

#pointContent .ui-tab dt {
    width: 115px;
}

.ui-tab dt, .ui-tab dd, .ui-tab .ui-tab-title, .ui-tab .ui-tab-item {
    float: left;
    text-align: center;
    height: 32px;
    line-height: 32px;
    cursor: pointer;
    color: #404040;
}

.ui-tab dd, .ui-tab .ui-tab-item {
    float: left;
    border: 1px solid #e1e1e1;
    border-bottom: 0;
    margin-right: -1px;
    background-color: #fff;
    width: 180px;
}

.ui-tab .select, .ui-tab .ui-tab-item-select {
    position: relative;
    color: #fff;
    background: #333;
    border-top-color: #333;
    border-right-color: #333;
}

#pointContent .ui-tab dd {
    width: 180px;
}

#J_clubContent .notice {
    border: 1px solid #f1f1f1;
    margin: 8px 8px 0;
    font-size: 14px;
    line-height: 20px;
    padding: 8px 25px;
    color: #797979;
    vertical-align: top;
}

#pointContent .content {
    padding: 28px 8px 30px;
    background: #fff;
    border-top: 0;
}

#pointContent .summary {
    height: 100px;
    padding: 28px 0;
    border: 2px solid #e2e2e2;
    background-color: #f1f1f1;
}

#pointContent .summary .item {
    float: left;
    height: 100px;
    border-right: 1px solid #e2e2e2;
}

#pointContent .summary .valid {
    width: 265px;
}

#pointContent .summary span {
    display: block;
    text-indent: 60px;
    text-align: left;
}

#pointContent .summary .desc {
    font-size: 18px;
    font-weight: 700;
    color: #666;
    height: 24px;
    line-height: 24px;
}

#pointContent .summary .point {
    font-size: 34px;
    font-weight: 700;
    color: #288c29;
    height: 40px;
    line-height: 40px;
}

#pointContent .summary .exchange {
    width: 610px;
    border-right: 0;
}

#pointContent .detail {
    margin-top: 28px;
    overflow: hidden;
}

#pointContent .detail .masthead {
    background-color: #f1f1f1;
    border-width: 1px 0;
    border-color: #e3e3e3;
    border-style: solid;
    color: #999;
    height: 34px;
}

#pointContent .detail .why {
    width: 380px;
}

#pointContent .detail .when {
    width: 380px;
    text-align: center;
}

#pointContent .detail .notes {
    width: 180px;
    padding-left: 15px;
}

#pointContent .detail .why .img {
    float: left;
    display: block;
    width: 60px;
    height: 60px;
    overflow: hidden;
    text-align: center;
    margin: 0 10px 0 20px;
}

#pointContent .detail .why .title, #pointContent .detail .why .order-number {
    display: block;
    line-height: 20px;
    text-align: left;
}

#pointContent .detail .what {
    width: 210px;
    text-align: center;
}

#pointContent .detail .masthead span {
    display: block;
    float: left;
    border-right: 1px solid #e3e3e3;
    height: 32px;
    line-height: 32px;
    text-align: center;
    overflow: hidden;
}

#pointContent .detail .masthead span.right {
    border-right: 0;
}

#pointContent .detail .item-list {
    overflow: hidden;
    margin-top: 12px;
    border-top: 1px solid #f1f1f1;
}

#pointContent .detail .item {
    border-bottom: 1px solid #f1f1f1;
}

#pointContent .detail .item {
    overflow: hidden;
    padding: 20px 0;
}

#pointContent .detail .item div {
    float: left;
    overflow: hidden;
}

#pointContent .detail .why .title, #pointContent .detail .why .order-number {
    display: block;
    line-height: 20px;
    text-align: left;
}

#pointContent .detail .why .title {
    color: #333;
    width: 290px;
    height: 40px;
    overflow: hidden;
}

#pointContent .detail .why .order-number {
    height: 20px;
    color: #999;
}

#pointContent .detail .item .what {
    font-size: 24px;
    font-weight: 700;
    line-height: 60px;
}

#pointContent .detail .what .plus {
    color: #b1000f;
}

#pointContent .detail .item .when {
    line-height: 60px;
    color: #999;
}

/*body end-------------------------*/

/*tail tips----------------*/

.vFooter {
    margint-top: 15px;
    background: #f2f2f2;
    overflow: hidden;
}

.vFooter .layout {
    border-top: 1px solid #FFF;
    padding: 20px 0;
}

.vFooter .share, .vFooter .business, .vFooter .question {
    height: 90px;
    float: left;
}

.vFooter .share, .vFooter .business {
    margin-right: 35px;
}

.vFooter .share h4, .vFooter .business h4, .vFooter .question h4 {
    margin-right: 25px;
}

.vFooter .share h4, .vFooter .business h4, .vFooter .question h4, .vFooter .share .bd, .vFooter .business .bd, .vFooter .question .bd {
    display: inline-block;
}

.vFooter .share h4, .vFooter .business h4, .vFooter .question h4 {
    color: #333;
    font-weight: 600;
    vertical-align: top;
    margin-top: 30px;
}

.vFooter .share .bd {
    background: #ededed;
    height: 70px;
    width: 193px;
    padding-top: 20px;
}

.vFooter .share .bd img {
    float: left;
    width: 50px;
    height: 50px;
    margin: 0 10px 0 20px;
}

.vFooter .share .bd .vipTitle {
    height: 22px;
    line-height: 22px;
}

.vFooter .share .bd .vipTitle .i {
    display: inline-block;
    width: 16px;
    height: 13px;
    overflow: hidden;
    background: url(//g.alicdn.com/tm/member-club/4.0.0/img/weibo_icon_company.png) no-repeat 0 0;
}

.vFooter .share .bd .vipFollow {
    display: block;
    width: 63px;
    height: 24px;
    margin: 3px 0 0 80px;
    background: url(//img.alicdn.com/tps/i3/T1nkKLXqtdXXcpZP_k-63-24.png) no-repeat;
}

.vFooter .question ul {
    background: #ededed;
    width: 448px;
    padding: 5px 10px;
    list-style: decimal inside;
}

.vFooter .question li {
    display: inline-block;
    width: 210px;
    height: 24px;
    line-height: 24px;
}

.vFooter .question a {
    color: #666;
}


/*tail tips----------------*/